@extends('layouts.mobile_main')

@section('title', '充值记录')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/public.css?v={{env('CSS_VERSION')}}">
    <link rel="stylesheet" href="{{env('CSS_DOMAIN')}}css/check.css?v={{env('CCS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
@endsection

@section('content')
	<div class="paysu_outer">
    	<header class="pay_sure oh" style="background-color: #fff;">
    		<a class="fl" href="javascript:history.go(-1);">
    		    <img class="fl" src="{{env('IMAGE_DOMAIN')}}/images/back_p.png?v={{env('IMAGE_VERSION')}}" alt="">
    		</a>
    		<span class="fl co_violet fz_48 recharge_waitxx">充值记录</span>
    		<!-- <span class="fl co_violet fz_48 recharge_successxx">充值成功</span> -->
    	</header>
    	<section class="welfare_center">
            <ol class="wallet_record">
                @foreach($lists as $list)
                    <a href="/mobile/wallet/recharge/details?rechargenumber={{$list['rechargenumber']}}">
                        <li class="oh">
                            <div class="fl" style="margin-left: 0.6rem;">
                                <p class="fz_40 co_black">充值<span>{{$list['money']}}</span></p>
                                <div class="fz_40 oh">
                                    <span>{{$list['money']}}</span>翻倍为<span>{{$list['doublemoney']}}</span>
                                    已到账
                                </div>
                            </div>
                            <div class="fr oh wallet_record_right">
                                <p class="fz_34 fr co_gray wallet_wait" style="text-align: right;width: 2.5rem;"></p>
                                <p class="fz_28 fr co_gray">{{date('Y-m-d H:i', strtotime($list['created_at']))}}</p>
                            </div>
                        </li>
                    </a>
                @endforeach
            </ol>
    	</section>
    </div>
@endsection

@section('scriptResources')
    @parent
    <script>
        window.onresize=function(){
       		pagesp();
        }
        $(function(){
            var paysu_outer_h=$(window).height();
            $(".paysu_outer").css({"min-height":paysu_outer_h});
        })
    </script>
@endsection